<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="../css/mi.css">
</head>
<body>
<div class="top">
	<div class="topcenter">
		<div class="topcenterzuo">
			<a href="">小米网</a><span>|</span>
			<a href="">MIUI</a><span>|</span>
			<a href="">米聊</a><span>|</span>
			<a href="">游戏</a><span>|</span>
			<a href="">多看阅读</a><span>|</span>
			<a href="">云服务</a><span>|</span>
			<a href="">小米网移动版</a><span>|</span>
			<a href="">问题反馈</a><span>|</span>
			<a href="">Select Region</a>
		</div>
		<div class="topcenteryou">
			<a href="">注册</a><span>|</span>
			<a href="">登录</a>
			<a href="">购物车</a>
		</div>
	</div>
</div>
<div class="head">
	<div class="headlog">
		<a href=""><img src="../img/log.png" alt=""></a>
		<a href=""><img src="../img/don.gif" alt=""></a>
	</div>
	<div class="headnva">
		<a href="">小米手机</a>
		<a href="">红米</a>
		<a href="">平板</a>
		<a href="">电视</a>
		<a href="">盒子影音</a>
		<a href="">路由器</a>
		<a href="">智能硬件</a>
		<a href="">服务</a>
		<a href="">社区</a>
	</div>
	<div class="headinp">
		<div class="qu"><a href="">
        <input type="submit" name="" id="" value="搜索">
		</a></div>
		<div class="in"><input type="text" name="" id="">
		</div>
</div>
</div>
<!-- 前两条结束 -->
<!-- 导航区开始 -->
<div class="daohan">
		<div class="sunva">
			<div class="sud">
				<ul>
					<li><a href="">手机 平板 电话卡</a></li>
					<li><a href="">电视 盒子</a></li>
					<li><a href="">路由器 智能硬件</a></li>
					<li><a href="">移动电源 插线板</a></li>
					<li><a href="">耳机 音箱</a></li>
					<li><a href="">电池 存储卡</a></li>
					<li><a href="">保护套 后盖</a></li>
					<li><a href="">贴膜 其他配件</a></li>
					<li><a href="">米兔 服装</a></li>
					<li><a href="">箱包 其他周边</a></li>
				</ul>
				
			</div>

		</div>
		<div class="sunva_borther"></div>
		<div class="zhaopian"><a href=""><img src="../img/datu.jpg" alt=""></a></div>


	
</div>
<!-- 导航区结束,中间小条开始 -->
<div class="dian">
		<div class="dianxing">
		<ul>
			<li><a href="">1</a></li> <!--  还没有填充内容 -->
			<li><a href="">1</a></li>
			<li><a href="">1</a></li>
			<li><a href="">1</a></li>
			<li><a href="">1</a></li>
			<li><a href="">1</a></li>
		</ul>
			
		</div>
		<div class="dianxingyou">
		    <div class="zhao1"><a href=""><img src="../img/xiao1.jpg" alt=""></a></div>
		    <div class="zhao1"><a href=""><img src="../img/xiao2.jpg" alt=""></a></div>
		    <div class="zhao2"><a href=""><img src="../img/xiao3.jpg" alt=""></a></div>
				
		</div>
		


</div>
<!-- 中间小条结束,小米明星产品开始 <-->
<div class="mingxin">
<h2>小米明星产品</h2>
<span><a href="">></a></span>
<span><a href=""><</a></span>
	
</div>
<!-- 明星产品结束,明星产品照片开始 -->
<div class="ping">
<li><a href=""><img src="../img/jie1.png" alt=""></a></li>
<li><a href=""><img src="../img/jie2.png" alt=""></a></li>
<li><a href=""><img src="../img/jie3.png" alt=""></a></li>
<li><a href=""><img src="../img/jie4.png" alt=""></a></li>
<span><a href=""><img src="../img/jie5.png" alt=""></a></span>
</div>
<!-- 明星照片结束,智能硬件开始 -->
<div class="zhi">
	<li class="zhineng"><h2>智能硬件</h2></li>
	<li class="chakan"><a href="">查看全部</a></li>
</div>
<!-- 智能硬件小条结束,小条下图片开始 -->
<div class="mei">
	<div class="jiuhao">
		<a href="">
			<img src="../img/jiuhao.jpg" alt="">
		</a>
	</div>
	<div class="mianfei">
	     <div class="mianshang">
	     	<div class="shangtu"><a href=""><img src="../img/mian1.jpg" alt="">小米智能摄像机 夜视版</a><span>能说能听能看,手机远程观看</span><p>149元</p></div>
	     	<div class="shangtu"><a href=""><img src="../img/mian2.jpg" alt="">小米净水器厨下式</a><span>反渗透纯净水,包邮包安装</span><p>1999元</p></div>
	     	<div class="shangtu"><a href=""><img src="../img/mian3.jpg" alt="">米家LED智能台灯</a><span>无可视频闪,亮度可调节</span><p>169元</p></div>
	     	<div class="shangtu"><a href=""><img src="../img/mian4.jpg" alt="">小米路由器3</a><span>四天线设计,更安全更稳定</span><p>149元</p></div>
	     </div>
	     <div class="mianxia">
	     	<div class="xiatu"><a href=""><img src="../img/mian5.jpg" alt="">米家ihearth血压计</a><span>爸妈上手就会用的智能血压计</span><p>399元</p></div>
	     	<div class="xiatu"><a href=""><img src="../img/mian6.jpg" alt="">小米智能安防套装</a><span>智能境界,为您的家添一份安心</span><p>169元</p></div>
	     	<div class="xiatu"><a href=""><img src="../img/mian7.jpg" alt="">小米空气净化器</a><span>10分钟,房间空气焕然一新</span><p>699元</p></div>
	     	<div class="xiatu"><a href=""><img src="../img/mian8.jpg" alt="">yeelight床头灯</a><span>触摸式操作,给卧室1600万种颜色</span><p>249元</p></div>
	     </div>
	</div>
</div>

	
</body>
</html>